<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"  
    xmlns:p="http://primefaces.org/ui"> 
	<h:head>
	    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link href="${facesContext.externalContext.requestContextPath}/css/format.css" rel="stylesheet" type="text/css"/>
	    <title>System Ogłoszeniowy</title>
	</h:head>
	<h:body>
	     <ui:composition template="/template.xhtml">
	        <ui:define name="ui_right">
	        	<h:form>    		
		        	<p:panelGrid columns="2">  
					    <f:facet name="header" >
					    	<h:outputText value="#{msgs['login.into.portal']}"/>   
					    </f:facet>  
					  
					    <h:outputLabel for="login" value="#{msgs.username}" />  
					    <p:inputText id="login" value="" required="true" label="#{msgs.username}" />  
					  
					    <h:outputLabel for="password" value="#{msgs.password}" />  
					    <p:inputText id="password" value="" required="true" label="#{msgs.password}"/>
					    
					    <f:facet name="footer">  
					        <p:commandButton type="button" value="#{msgs.login}" icon="ui-icon-check" style="margin:0"/>  
					    </f:facet>  
					</p:panelGrid>
					<p:panel>
						<h:outputText/>
						<p:commandLink value="#{msgs['forgot.password']}" onclick="confirmation.show()" />
				        <p:confirmDialog id="confirmDialog" message="#{msgs['forgot.password.message']}" header="#{msgs['forgot.password.header']}" severity="alert" widgetVar="confirmation">          
						    <h:outputLabel for="Email" value="#{msgs.email}" />  
						    <p:inputText id="Email" value="" required="true" label="Email"/>
						    <h:outputLabel/> 
						    <p:commandButton id="confirm" icon="ui-icon-check" value="#{msgs.ok}" oncomplete="confirmation.hide()"  
				                    actionListener="#{buttonBean.destroyWorld}" />
				            <p:commandButton id="decline" icon="ui-icon-close" value="#{msgs.cancel}" onclick="confirmation.hide()" type="button" /> 
					    </p:confirmDialog>
				    </p:panel>
				</h:form>
	        </ui:define>
	    </ui:composition>
	</h:body>
</html>
